/*
1.点击‘+’ 触发tap点击事件
  调用小程序内置 选择图片的api
  获取到图片的路径 数组（多图选择
  图片路径存到data变量中
  页面根据图片数组循环显示 自定义组件
2.删除图片
  获取点击元素索引
  获取data中图片数组
  删除对应元素
  数组重新放回data
*/

const app = getApp()
Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    //被选中的图片路径数组
    chooseImgs:[],
    range:[
      {'id':'1','class':'yg','name':'摇滚音乐圈'},
      {'id':'2','class':'my','name':'民谣圈'},
      {'id':'3','class':'lx','name':'流行圈'},
      {'id':'4','class':'sc','name':'说唱圈'},,
      {'id':'5','class':'qt','name':'...'}
    ],
    btnId:'',
    rangeChoose:'',
    bg_img:app.globalData.bg_img,
    postClass:''
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },
  //发帖
 bindFormSubmit: function(e) {
  if ( this.data.postClass == '') {
    wx.showToast({
     title: '选择一下圈子吧！',
    })
  }
  else if ( e.detail.value.textarea == '') {
    wx.showToast({
     title: '请输入内容',
    })
  }
    else{
       
      wx.navigateTo({
        url: '../range_1/range_1?class='+ this.data.postClass + '&content='+e.detail.value.textarea
      })
     console.log("content:",e.detail.value.textarea)
    }
   
},

  //添加上传图片
  handleChooseImg() {
    wx.chooseImage({
      /*图片数量*/
      count: 9,
      //图片格式  原图、压缩
      sizeType:['original','compressed'],
      //图片来源
      sourceType:["album","camera"],
      success:(result) =>{
        this.setData({
          //图片数组 进行拼接
          chooseImgs:[...this.data.chooseImgs,...result.tempFilePaths]
          
        })
        //图片路径
       // console.log(result)
      }
    })
   
  },
  //删除图片
   handleRemoveImg(e){
    const {index} = e.currentTarget.dataset;
    let {chooseImgs} = this.data;
    chooseImgs.splice(index,1);
    this.setData({
      chooseImgs
    })
   },

   //选择音乐圈
   rangeClick(e){
     var btnId = e.currentTarget.dataset.id;
    var postClass = e.currentTarget.dataset.class;

     wx.setStorage({
       key:'itemId',
       data:btnId
     });
     this.setData({
       btnId:btnId,
       postClass:postClass
     });
   },

   onShow: function () {
    this.setData({
        bg_img:app.globalData.bg_img
      })
}
  
})

